<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="utf-8">

<!-- www.phpied.com/conditional-comments-block-downloads/ -->
<!--[if IE]><![endif]-->

<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame  -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Kameleon</title>
<meta name="description" content="">
<meta name="author" content="">

<!-- Place favicon.ico and apple-touch-icon.png in the root of your domain and delete these references -->
<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">

<!-- CSS - Setup -->
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/base.css" rel="stylesheet" type="text/css" />
<link href="css/grid.css" rel="stylesheet" type="text/css" />
<!-- CSS - Theme -->
<link id="theme" href="css/themes/light.css" rel="stylesheet" type="text/css" />
<link id="color" href="css/themes/blue.css" rel="stylesheet" type="text/css" />

<!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
<script src="js/modernizr-1.5.min.js"></script>
</head>

<!--[if IE 7 ]>    <body class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <body class="ie8"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<body>
<!--<![endif]-->
<div id="wrapper"> 
  
  <!-- start header -->
  <header> 
    <!-- logo -->
    <h1 id="logo"><a href="index.html">Kameleon</a></h1>
    <!-- nav -->
    <nav>
      <ul id="nav">
        <li><a href="index.html">Home</a></li>
        <li class="current"><a href="about.html">About</a>
          <ul>
            <li><a href="about.html">Who We Are</a></li>
            <li><a href="#">Misc Examples</a>
              <ul>
                <li><a href="grid.html">Column Examples</a></li>
                <li><a href="misc.html">Styled Elements</a></li>
              </ul>
            </li>
          </ul>
        </li>
        <li><a href="portfolio.html">Portfolio</a>
          <ul>
            <li><a href="portfolio.html">3 Column Portfolio</a></li>
            <li><a href="portfolio-list.html">Portfolio List</a></li>
          </ul>
        </li>
        <li><a href="services.html">Services</a>
          <ul>
            <li><a href="pricing.html">Pricing Table</a></li>
          </ul>
        </li>
        <li><a href="contact.html">Contact Us</a></li>
      </ul>
      <br class="cl" />
    </nav>
    <br class="cl" />
  </header>
  <!-- end header --> 
  <!-- page container -->
  <div id="page"> 
    <!-- page title -->
    <h2 class="ribbon blue full">About Us <span>A bit about our company</span> </h2>
    <div class="triangle-ribbon blue"></div>
    <br class="cl" />
    <!-- page content -->
    <div id="page-content" class="two-col container_12">
      <ul class="breadcrumbs">
        <li>Template ></li>
        <li>About Us</li>
      </ul>
      <div class="grid_12">
        <h3>Our Beginings</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
        <img class="inlinepic fr" src="img/office.jpg" alt="" />
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
      </div>
      <br />
      <div class="grid_5 suffix_1">
        <h3>How We Work</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
      </div>
      <div class="grid_5 prefix_1">
        <h3>What Drives Us</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
      </div>
      <br class="cl" />
      <br />
      <h3>Our Team</h3>
      <div class="grid_4"> <img class="inlinepic" src="img/about.jpg" alt="" /> </div>
      <div class="grid_8">
        <h4>John Doe</h4>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
        <h5 class="inline">Skills:</h5>
        <ul class="tags">
          <li>HTML</li>
          <li>CSS</li>
          <li>JS/jQuery</li>
        </ul>
        <h5 class="inline">Social:</h5>
        <ul class="social">
          <li><a href="#"><img class="tooltip" src="img/social/16/twitter.png" title="Follow me on Twitter" alt="twitter" /></a></li>
          <li><a href="#"><img class="tooltip" src="img/social/16/facebook.png" title="My Facebook profile" alt="facebook" /></a></li>
          <li><a href="#"><img class="tooltip" src="img/social/16/linkedin.png" title="My LinkedIn profile" alt="linkedin" /></a></li>
          <li><a href="#"><img class="tooltip" src="img/social/16/skype.png" title="Call me on Skype" alt="skype" /></a></li>
        </ul>
      </div>
      <br class="cl" />
      <br />
      <div class="grid_4"> <img class="inlinepic" src="img/about.jpg" alt="" /> </div>
      <div class="grid_8">
        <h4>John Doe</h4>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
        <h5 class="inline">Skills:</h5>
        <ul class="tags">
          <li>HTML</li>
          <li>CSS</li>
          <li>JS/jQuery</li>
        </ul>
        <h5 class="inline">Social:</h5>
        <ul class="social">
          <li><a href="#"><img class="tooltip" src="img/social/16/twitter.png" title="Follow me on Twitter" alt="twitter" /></a></li>
          <li><a href="#"><img class="tooltip" src="img/social/16/facebook.png" title="My Facebook profile" alt="facebook" /></a></li>
          <li><a href="#"><img class="tooltip" src="img/social/16/linkedin.png" title="My LinkedIn profile" alt="linkedin" /></a></li>
          <li><a href="#"><img class="tooltip" src="img/social/16/skype.png" title="Call me on Skype" alt="skype" /></a></li>
        </ul>
      </div>
      <br class="cl" />
      <br />
      <div class="grid_4"> <img class="inlinepic" src="img/about.jpg" alt="" /> </div>
      <div class="grid_8">
        <h4>John Doe</h4>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
        <h5 class="inline">Skills:</h5>
        <ul class="tags">
          <li>HTML</li>
          <li>CSS</li>
          <li>JS/jQuery</li>
        </ul>
        <h5 class="inline">Social:</h5>
        <ul class="social">
          <li><a href="#"><img class="tooltip" src="img/social/16/twitter.png" title="Follow me on Twitter" alt="twitter" /></a></li>
          <li><a href="#"><img class="tooltip" src="img/social/16/facebook.png" title="My Facebook profile" alt="facebook" /></a></li>
          <li><a href="#"><img class="tooltip" src="img/social/16/linkedin.png" title="My LinkedIn profile" alt="linkedin" /></a></li>
          <li><a href="#"><img class="tooltip" src="img/social/16/skype.png" title="Call me on Skype" alt="skype" /></a></li>
        </ul>
      </div>
      <br class="cl" />
      <br />
    </div>
    
    <!-- page sidebar -->
    <aside>
      <ul class="sidebar-sponsors">
        <li><a href="http://themeforest.net?ref=ChrisMooney"><img height="120" width="260" src="http://envato.s3.amazonaws.com/referrer_adverts/tf_260x120_v4.gif" alt=""></a></li>
        <li><a href="http://graphicriver.net?ref=ChrisMooney"><img height="120" width="260" src="http://envato.s3.amazonaws.com/referrer_adverts/gr_260x120_v4.gif" alt=""></a></li>
      </ul>
      <ul class="sidebar-nav">
        <li class="first"><a href="#">About Us</a></li>
        <li class="current"><a href="#">Our History</a></li>
        <li><a href="#">The Team</a></li>
      </ul>
      <form class="sidebar-search">
        <input id="search" value="Search..." />
        <button class="search" type="submit">Go</button>
        <br class="cl" />
      </form>
      <h3>Latest Blog Posts</h3>
      <ul class="sidebar-latestblog">
        <li><img height="50" width="50" class="inlinepic" src="img/screenshots/buttons.jpg" alt=""><a href="#">Creating CSS3 Buttons</a>
          <time>14th September</time>
          <br class="cl" />
        </li>
        <li><img height="50" width="50" class="inlinepic" src="img/screenshots/gallery.jpg" alt=""><a href="#">jQuery Gallery</a>
          <time>14th September</time>
          <br class="cl" />
        </li>
        <li><img height="50" width="50" class="inlinepic" src="img/screenshots/psd.jpg" alt=""><a href="#">Photoshop Tips</a>
          <time>14th September</time>
          <br class="cl" />
        </li>
      </ul>
      <h3>Twitter Feed</h3>
      <ul id="twitter_update_list">
        <li></li>
      </ul>
      <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script> 
      <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/ChrisAMooney.json?callback=twitterCallback2&amp;count=4"></script> 
      <br class="cl" />
      <br />
      <div class="block">
        <h3>Socialise With Us</h3>
        <ul class="social-list">
          <li><a href="#"><img class="tooltip" src="img/social/32/twitter.png" title="Follow us on Twitter" alt="twitter" /></a></li>
          <li><a href="#"><img class="tooltip" src="img/social/32/facebook.png" alt="facebook" title="Our Facebook page" /></a></li>
          <li><a href="#"><img class="tooltip" src="img/social/32/linkedin.png" alt="linkedin" title="Our LinkedIn profile" /></a></li>
          <li><a href="#"><img class="tooltip" src="img/social/32/rss.png" title="Grab our RSS feed" alt="rss" /></a></li>
        </ul>
      </div>
    </aside>
    <br class="cl" />
    <br class="cl" />
  </div>
  
  <!-- Footer Start -->
  <footer>
    <ul class="footer-nav">
      <li><a href="index.html">Home</a> |</li>
      <li><a href="about.html">About</a> |</li>
      <li><a href="portfolio.html">Portfolio</a> |</li>
      <li><a href="services.html">Services</a> |</li>
      <li><a href="contact.html">Contact</a></li>
    </ul>
    <p>Copyright ©2010, A <a href="http://www.mudodesigns.com">Mudo Design</a> for <a href="http://themeforest.net?ref=ChrisMooney">Theme Forest</a>.</p>
    <br class="cl" />
  </footer>
  <!-- footer end --> 
  
  <!-- Javascript at the bottom for fast page loading --> 
  <!-- Grab Google CDN's jQuery + jQuery UI. fall back to local if necessary --> 
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
  <script>!window.jQuery && document.write('<script src="js/jquery-1.4.2.min.js"><\/script>')</script> 
  <script type="text/javascript" src="js/jquery.tools.min.js"></script> 
  <script type="text/javascript" src="js/jquery.lightbox-0.5.min.js"></script> 
  <script type="text/javascript" src="js/jquery.form.js"></script> 
  <script src="js/cufon-yui.js" type="text/javascript"></script> 
  <script src="js/Aller.font.js" type="text/javascript"></script> 
  <script src="js/jquery.tipsy.js" type="text/javascript"></script> 
  <script src="js/functions.js" type="text/javascript"></script> 
  <!--[if lt IE 7 ]>
    <script src="js/dd_belatedpng.js"></script>
  <![endif]--> 
</div>
</body>
</html>